<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>users</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="stylesheet" type="text/css" media="all" href="../../webapp/static/css/list.css"
          th:href="@{/static/css/list.css}"/>
</head>
<body>


<div class="top ">顶部（系统名，个人登录状态）</div>

<div class="below ">
    <div class="b_left "> 左边（作为导航栏）</div>
    <div class="b_right ">
        <div class="bookList">
            <table align='center' border='1' cellspacing='0'>
                <tr>
                    <td>ID</td>
                    <td style="width: 50px">姓名</td>
                    <td style="width: 50px">性别</td>
                    <td style="width: 50px">年龄</td>
                    <td >删除</td>
                </tr>
                <tr th:each="c:${page.list}">
                    <td th:text="${c.id}"></td>
                    <td th:text="${c.name}"></td>
                    <td th:text="${c.sex}"></td>
                    <td th:text="${c.age}"></td>
                    <td><a th:href="@{/deleteUsers(id=${c.id})}">删除</a></td>
                </tr>
            </table>
            <br/>
            <div>
                <a th:href="@{/listUsers(start=0)}">[首 页]</a>
                <a th:href="@{/listUsers(start=${page.pageNum-1})}">[上一页]</a>
                <a th:href="@{/listUsers(start=${page.pageNum+1})}">[下一页]</a>
                <a th:href="@{/listUsers(start=${page.pages})}">[末 页]</a>
            </div>
            <br/>
            <form action="/addUsers" method="post">

                姓名: <input name="name"/> <br/>
                性别: <input name="sex"/> <br/>
                年龄: <input name="age"/> <br/>

                <button type="reset">重置</button>&nbsp;&nbsp;<button type="submit">提交</button>

            </form>
        </div>
    </div>
</div>
</body>
</html>